<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!-- 饿了么礼包 -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>活动</title>
    <link rel="stylesheet" href="/admin/css/lucky.css">
    <link rel="stylesheet" href="/admin/css/idangerous.swiper.css">
</head>

<body>
<div class="main">
    <div class="section">
        <div class="header">
            <div class="integral" id="integralId"></div>
        </div>
        <!-- 用户输入手机号领取红包页面 -->
        <div class="getting">
            <div class="inputBox">
                <input id="accountInput" type="text" placeholder="请输入您的饿了么手机号" th:value="${phone}">
                <a href="javascript:;" class="mclear" onclick="mclear()"></a>
            </div>
            <div class="redType">
                <div class="decorate-coin"><img src="/admin/images/coin-01.png" alt=""></div>
                <div class="title">请选择您要领取的红包类型</div>
                <div class="redList">
                    <div class="redItem" data-type='7'>通用&品质组合
                        <img class="select-dui active" src="/admin/images/xuan.png" alt="">
                        <img class="select-coin active" src="/admin/images/coin-01.png" alt="">
                    </div>
                    <div class="redItem" data-type='8'>品质35-5红包
                        <img class="select-dui" src="/admin/images/xuan.png" alt="">
                        <img class="select-coin" src="/admin/images/coin-01.png" alt="">
                    </div>
                    <!--<div class="redItem" data-type='11'>通用35-4红包
                        <img class="select-dui" src="/admin/images/xuan.png" alt="">
                        <img class="select-coin" src="/admin/images/coin-01.png" alt="">
                    </div>-->
                    <!--<div class="redItem" data-type='10'>其他类型暂时维护
                        <img class="select-dui" src="/admin/images/xuan.png" alt="">
                        <img class="select-coin" src="/admin/images/coin-01.png" alt="">
                    </div>-->
                    <div class="redItem" data-type='10'>通用35-5红包
                        <img class="select-dui" src="/admin/images/xuan.png" alt="">
                        <img class="select-coin" src="/admin/images/coin-01.png" alt="">
                    </div>
                    <div class="redItem" data-type='4'>批量礼包
                        <img class="select-dui" src="/admin/images/xuan.png" alt="">
                        <img class="select-coin" src="/admin/images/coin-01.png" alt="">
                    </div>
                </div>
                <div class="getBtn" id="getRedPaper"></div>
            </div>
        </div>

        <!-- 用户点击领取红包 结果显示 -->
        <div class="getted">
            <div class="redPaper">
                <!-- 用户领取到红包 -->
                <div class="getSuccess">
                    <div class="balloon"><img src="/admin/images/balloon.png" alt=""></div>
                    <div class="title">恭喜您</br>领取成功</div>
                    <div class="tip" style="font-size: 18px;">请打开饿了么app查看红包</div>
                    <div class="paperList" id="paperListId">
                    </div>
                </div>
                <!-- 用户红包领取上上限 -->
                <div class="getFail">
                    <div class="img"><img src="/admin/images/fail.png" alt=""></div>
                    <div class="cont" id="contId" style="bottom: 0.8rem"><!-- 今天领取上限，请明天再来吧 --></div>
                </div>
            </div>
            <div class="getBtn" style="color: red" id="mianfei">再领一个免费红包
                <div class="coin"><img src="/admin/images/coin-01.png" alt=""></div>
            </div>
            <div class="getBtn" id="ContinueGetRed">返回
                <div class="coin"><img src="/admin/images/coin-01.png" alt=""></div>
            </div>
        </div>
        <div class="rule">
            <div class="title">领取规则：</div>
            <div class="content">
                <pre>• 成功领取一次红包消耗10积分,领取失败不消耗积分</pre>
                <pre>• 各类型红包每个手机号每天各能领取一次,领过的明天再来</pre>
                <pre>• 活动红包小概率会领取失败,是正常情况。可换红包类型尝试领取</pre>
                <pre>  如果不同类型红包都失败，请换手机号再试或<a th:href="${wechat_url}" style="color: blue;">联系客服</a>处理。</pre>
                <pre>• [通用&品质组合红包]大概率含有以下红包：</pre>
                <pre>   5元 饿了么通用红包 满¥45可用</pre>
                <pre>   4元 饿了么通用红包 满¥30可用</pre>
                <pre>   6元 品质联盟专享红包 满¥40可用</pre>
                <pre>   7元 品质联盟专享红包 满¥50可用</pre>
                <pre>   14元 品质联盟专享红包 满¥90可用</pre>
                <pre>   9元 星巴克红包 满¥20可用</pre>
                <pre>   另外附赠一些其他红包</pre>
                <pre>• [品质35-5红包]一般含有2个品质联盟红包,每日可以领取2次</pre>
                <pre>   5元 品质联盟专享红包 满¥35可用</pre>
                <pre>   2元 品质联盟专享红包 满¥10可用</pre>
                <pre>• [通用35-5红包]含有1个平台通用红包</pre>
                <pre>   5元 平台通用红包 满¥35可用</pre>
                <pre>• [批量礼包]一般含有4～10个红包，品质、通用等随机出现</pre>
                <pre>   至少领取到一个4元的算领取成功</pre>
            </div>
        </div>

        <div class="swiper-container" style="margin-top: -0.6rem; height: 200px;">
            <div class="swiper-wrapper">
                <div class="swiper-slide red-slide" th:if="${platform==8 || platform==11}">
                    <img src="/admin/images/fl.png" alt="" onclick="javascript:location.href='https://shimo.im/docs/YDxhjqxhwjVYWgKV/'" style="width:auto;height: auto;max-width: 100%;max-height: 100%;">
                </div>
                <div class="swiper-slide blue-slide">
                    <img src="/admin/images/ad.png" alt="" onclick="javascript:location.href='http://suo.im/4Kl8u1'" style="width:auto;height: auto;max-width: 100%;max-height: 100%;">
                </div>
            </div>
        </div>

    </div>
    <!-- 验证码弹框 -->
    <div class="mask">
        <div class="frame">
            <div class="remind">请输入短信验证码</div>
            <div class="inputCode">
                <div class="inputCont"><input type="text" id="smsCode" placeholder="验证码"></div>
                <div class="time">获取验证码</div>
                <div class="times">60s</div>
            </div>
            <div class="tip">短信验证码已发送，请验收</div>
            <div class="sureBtn"><img src="/admin/images/sure.png" alt=""></div>
            <div class="close"><img src="/admin/images/close.png" alt=""></div>
        </div>
    </div>
</div>

<input id="platform" type="hidden" th:value="${platform}">
<input id="openId" type="hidden" th:value="${openId}">
<input id="recharge_url" type="hidden" th:value="${recharge_url}">
<input id="integration" type="hidden" th:value="${integration}">
</body>

<script src="/admin/js/idangerous.swiper.min.js"></script>
<script src="/admin/js/jquery.min.js"></script>
<script src="/admin/js/lucky.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

<script>!function (t, e) {
    var n = t.documentElement, o = "orientationchange" in window ? "orientationchange" : "resize", i = function () {
        var t = n.clientWidth, e = 750;
        t && (t >= e ? n.style.fontSize = "100px" : n.style.fontSize = 100 * (t / e) + "px")
    };
    i(), t.addEventListener && (e.addEventListener(o, i, !1), t.addEventListener("DOMContentLoaded", i, !1))
}(document, window)
</script>

</html>